<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <head>
        <title>SGML - INICIO</title>
    </head>
    <body>

        <ui:composition template="./../templates/main.xhtml">
            <ui:define name="navbar">
                <div class="navbar navbar-fixed-top">
                    <div class="navbar-inner">
                        <div class="container">
                            <a class="brand" href="#!">SGML</a>
                            <button type="button" class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button> 
                            <div class="nav-collapse collapse pull-right" style="height: 0px; ">
                                <ul class="nav">
                                    <li class="active">
                                        <a href="#">INICIO</a>
                                    </li>
                                    <li>
                                        <a href="#">ALUMNOS</a>
                                    </li>
                                    <li>
                                        <a href="#">EGRESADOS</a>
                                    </li>
                                    <li>
                                        <a href="#">EMPRESAS</a>
                                    </li>
                                    <li>
                                        <a href="#">CONTACTO</a>
                                    </li>
                                    <li>
                                        <a href="#">ACERCA DE</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </ui:define>

            <ui:define name="container">
                <div class="container-fluid">
                    <div class="row-fluid">
                        <div id="content-inicio" class="span12">
                            <div>
                                <h1>Sistema de Gestión de Mercado Laboral</h1>
                                <h4>Facultad de Ingeniería Industrial - Universidad Nacional de Piura</h4>
                                <hr/>
                            </div>
                            <div class="row-fluid">
                                <div class="span8">
                                    <div class="well">
                                        <p id="lbl-bienvenida">Bienvenido!<br/>
                                            necesitabas una forma de interactuar con empresas que requieran personas con tus cualidades academicas?<br/>
                                            Ingresa al SGML y da un vistazo!,<br/>
                                            déjanos tus aportes sobre las herramientas que quisieras tener en la web
                                            y así mejorar su utilización.<br/>
                                            El registro e ingresos son faciles y rapidos!.
                                            <br/>
                                            Y muchas cosas mas! <br/>
                                            :) </p>
                                    </div>
                                </div>
                                <div class="span4">
                                    <div class="well">
                                        <div class="">
                                            <label>Usuario</label>
                                            <input type="text" class="input-block-level" placeholder="Ingresa tu email"/>
                                            <label>Contraseña</label>
                                            <input type="password" class="input-block-level" placeholder="Ingresa una contraseña"/>
                                            <div class="control-group error">
                                                <span class="help-block error"></span>
                                                <button class="btn btn-block btn-success">Entrar al SGML</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </ui:define>

        </ui:composition>

    </body>
</html>
